<template>
  <div class="system-container">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
};
</script>

<style lang="less">
.system-container {
  display: flex;
  .system-menu {
    width: 200px;
    height: calc(100vh - 60px);
    background-color: #2D5F8B;
    text-align: center;
    .el-menu {
      border-right: none!important;
    }
    .el-menu-item.is-active {
      background: #D64635!important;
      border-bottom-color: #D64635!important;
    }
  }
  .system-main {
    display: 1;
  }
}
</style>